<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
    <!-- margin:0 是居中 -->
	<div id="maxname" style="width:90%;margin:0 auto; border: 5px solid #F00">
      <div id="hname" style="background-color:#666FFF;border: 5px solid #F00">
        <h1 style="margin-bottom:0;text-align:center;">Div布  局实例</h1>
      </div>
      <div id="menu"   style="background-color:#FFFFFF;height:200px;width:100px;float:left;margin:10px 10px 10px 10px;border: 5px solid #F00">    
          菜单<br/>
          num1<br/>
          num2<br/>
          num3
      </div>
      
      <!-- 自适应宽度则不能用 float, 但是 margin 做偏移  -->
      <div id="content"   style="background-color:#FFFF00;height:200px;width:auto;margin-left:10px;border: 5px solid #F00;">
        中间内容
      </div>      
      <div id="bool"   style="background-color:#F0F8FF;clear:both;text-align:c  enter;margin:10px 10px 10px 10px;border: 5px solid #F00;">
        作者：Cty
      </div>
  </div>
</body>
</html>